<template>
  <div class="prcutre">
    <el-row class="oneImg">
      <img :src="list.imgUrl" alt="" />
    </el-row>
    <el-row class="xImg">
      <span>
        <img :src="list.imgUrl" alt="" />
      </span>
      <span>
        <img :src="list.imgUrl" alt="" />
      </span>
      <span>
        <img :src="list.imgUrl" alt="" />
      </span>
    </el-row>
  </div>
</template>

<script>
export default {
  props: ['list'],
};
</script>

<style lang="scss" scoped>
.prcutre {
  padding: 20px 20px 20px 0;
  img {
    width: 100%;
    height: 100%;
  }
  .oneImg {
    height: 230px;
    img {
      width: 100%;
      height: 100%;
      border-radius: 10px;
    }
  }
  .xImg {
    width: 100%;
    height: 100%;
    padding: 20px 10px 0 0;
    img {
      width: 60px;
      height: 60px;
      margin-right: 5px;
      border-radius: 5px;
    }
  }
}
</style>
